Wireframe vs. Mockup vs. Prototype

2017年6月22日 — 這篇文章將為大家簡單介紹一下Wireframe、Mockup 到Prototype 三者的差異，與完整的UI 介面設計流程。

Moqups is a streamlined and intuitive web app that helps you create and collaborate on wireframes, mockups, diagrams and prototypes — for any type of ...

2022年4月8日 — Prototypes are models of your project that can take on different purposes. The most common use case is a design with a focus on functionality — ...

Wireframes, mockups, and prototypes are common terms used by product teams. Each one is used to illustrate concepts, gather feedback, and gain consensus so that ...

2023年7月21日 — More noticeable than say, a mockup vs prototype. As a wireframe is low-fidelity, they are just a rough sketch in comparison to a medium-fidelity ...

2019年2月21日 — Wireframe 是以簡單的草稿圖， 除去各種視覺影響元素，可以只用一些簡單的線條和方塊來畫，專注在功能和操作上。用手畫或用軟體畫都可以。

2016年9月8日 — 和wireframe（线框图）一样，Mockup 也是静态的，不可操作。它专注产品的外观，加入了丰富的视觉元素，保真度高。

2015年5月22日 — 低保真原型＝ Wireframe ＋ 可操作高保真原型＝ Mockup ＋ 可操作。 已經切圖交給RD 套版、尚未套後台資料（先用假資料）的也會被稱為高保真原型。